<template>
	<view class="mainPage content" :style="{'padding-top': `${$store.state.safeArea.top || 0}px`, 'padding-bottom': `${$store.state.safeArea.bottom || 0}px`}">
		<public-head :title="title"></public-head>
		<view class="name">
			<u-field v-model="mobile" label="名称" placeholder="请输入出诊医院名称" placeholder-style="text-align: right;">
			</u-field>
		</view>
		<button>保存</button>
	</view>
</template>
<script>
import publicHead from "@/components/publicHead/publicHead.vue"
export default {
	components: {
		publicHead
	},
	data() {
		return {
			title: "出诊地设置",
			mobile: '',
			code: ''
		}
	},
	methods: {
	}
}
</script>
<style scoped lang="scss">
.content {
	width: 100vw;
	height: 100vh;
	background: #f6f6f6;
	.name {
		background: #ffffff;
	}
	button {
		margin-top: 100rpx;
		width: 686rpx;
		height: 98rpx;
		background: linear-gradient(219deg, #ff9331 0%, #fe7600 100%);
		border-radius: 8rpx;
		color: #ffffff;
	}
}
</style>
